<template>
    <div>
           <div>
                user
            <router-link to="/user/001">去0001</router-link>
              <router-link to="/user/002">去0002</router-link>
           </div>
           <div>
               <router-view></router-view>
           </div>
    </div>
</template>

<script>
    export default {
        // beforeRouteEnter (to, from, next) {
        //     // 在渲染该组件的对应路由被 confirm 前调用
        //     // 不！能！获取组件实例 `this`
        //     // 因为当守卫执行前，组件实例还没被创建
        //     //   console.log(to)
        //     //   console.log(from)
        //      console.log('beforeRouteEnter 在渲染该组件的对应路由被 confirm 前调用')
        //      next()
        // }
        //  beforeRouteUpdate (to, from, next) {
        //     // 在当前路由改变，但是该组件被复用时调用
        //     // 举例来说，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，
        //     // 由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
        //     // 可以访问组件实例 `this`
        //     //  console.log(to)
        //     //   console.log(from)
        //      this.name = to.params.name
        //      console.log('beforeRouteUpdate 在当前路由改变，但是该组件被复用时调用')
        //   next()
        // },
        // beforeRouteLeave (to, from, next) {
        //     // 导航离开该组件的对应路由时调用
        //     // 可以访问组件实例 `this`
        //       console.log(to)
        //       console.log(from)
        //      console.log('beforeRouteLeave 导航离开该组件的对应路由时调用')
        //     next()
        // }

    }
</script>

<style scoped>

</style>